<template>
  <ul class="function_item">
    <li v-for="item in 6" :key="item">
      <div class="img"><img src="../../assets/common/package.png" alt=""></div>
      <slot name="title">
        <div class="title">快递作业</div>
      </slot>
    </li>
  </ul>
</template>

<script>
export default {

}
</script>

<style lang="scss" scoped>
ul{
  display: flex;
  margin: 0;
  justify-content: space-between;
  padding: 0 20px;
  li{
    display: flex;
    // 改变主轴方向
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 184px;
    height: 116px;
    list-style: none;
    background-color: #fafafb;
    .img{
      width: 40px;
      height: 40px;
      img{
        width: 100%;
        height: 100%;
      }
    }
    .title{
      margin-top: 15px;
      font-weight: 700;
      font-size: 16px;
    }
}
}
</style>
